<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>提交订单</title>
  <link rel="stylesheet" href="./static/css/reset.css">
  <link rel="stylesheet" href="./static/css/fubi_submit_orders.css">
  <script src="./static/js/rem.js"></script>
</head>
<body>
  <div class="order-box">
    <div class="order-top">
      <img class="goods-img" src="./static/img/1.jpg">
      <div class="goods-info">
        <div class="goods-type">消费券兑换商品</div>
        <div class="goods-price">
          <span>单价：</span>
          <span style="font-size:.36rem;color: #ff7815">500&nbsp;</span>
          <span>福币</span>
          <span style="font-size:.20rem;">&nbsp;x2</span>
        </div>
        <div class="goods-total">总价：<span style="font-size:.36rem;color: #ff7815">1000</span>&nbsp;福币</div>
      </div>
    </div>
    <!-- 底部信息 -->
    <div class="order-bottom">
      <div class="order-info-list">姓名：CAIFU</div>
      <div class="order-info-list">手机：18844071090</div>
      <div class="order-info-list">QQ：100010</div>
      <div class="order-info-list">微信：boluoji</div>
      <div class="order-info-list">地址：广州市黄埔区丰乐北路722号</div>
      <div class="subimit-btn">提交订单</div>
    </div>
  </div>
  <!-- 弹出框 -->
  <div class="message-box">
    <img class="message-icon" src="./static/img/subimit_order_mes_icon.png">
    <div class="message-text-box">
      <div class="message-text1">商品兑换成功</div>
      <div class="message-text">我们将在尽快给您配送</div>
      <div class="message-text">请注意查收~</div>
    </div>
  </div>
</body>
</html>